<script lang="ts" setup>
import NaiveProvider from './NaiveProvider.vue'
import { dateZhCN, zhCN } from 'naive-ui'

const { defaultTheme, themeOverrides } = useTheme()

defineOptions({
    name: 'App'
})
useCopyCode()
</script>

<template>
    <NConfigProvider
        class="h-full"
        :locale="zhCN"
        :date-locale="dateZhCN"
        :theme="defaultTheme"
        :theme-overrides="themeOverrides"
    >
        <NaiveProvider>
            <RouterView />
        </NaiveProvider>
    </NConfigProvider>
</template>

<style lang="scss">
@use '@/styles/index.scss';
/* 滚动条整体部分 */
::-webkit-scrollbar {
    width: 6px; /* 竖向滚动条宽度 */
    height: 8px; /* 横向滚动条高度 */
}

/* 滚动条的轨道 */
::-webkit-scrollbar-track {
    background: #fff; /* 轨道背景色 */
}

/* 滚动条的滑块 */
::-webkit-scrollbar-thumb {
    background: #f3f3f3; /* 修改滑块颜色为 #f3f3f3 (原来是 #cac9f9) */
    border-radius: 10px; /* 滑块圆角 */
}

/* 滚动条的滑块在悬停状态下的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #f3f3f3; /* 修改悬停时滑块颜色为 #f3f3f3 (原来是 #cac9f9) */
}
</style>
